@import '../scss/variables';
.noOrder {
  color: #454545;
  font-size: 22px;
  height: 118px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.orderList {
  background-color: #f2f2f2;
  border: $grayBorder;
  margin: 0 35px;
  padding: 28px;
}
.orderHd,
.orderItem {
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 22px;
  height: 68px;
  text-align: center;
  & > span {
    font-size: 22px;
    color: #333;
    background: url('../assets/line.png') no-repeat right;
    &:nth-child(1) {
      width: 254px;
    }
    &:nth-child(2) {
      width: 254px;
    }
    &:nth-child(3) {
      width: 172px;
    }
    &:nth-child(4) {
      // 占所有剩余的宽度
      flex: 1;
      background: none;
      a {
        color: $red;
        padding: 2px 30px;
        border: 1px solid $red;
        border-radius: 20px;
      }
      span {
        color: $red;
        font-size: 30px;
        margin: 0 10px;
      }
    }
  }
}
.orderItem {
  background-color: #fff;
  margin-bottom: 25px;
}
.warn {
  font-size: 20px;
  color: #828282;
  text-align: center;
  margin: 30px auto;
  width: 1225px;
  line-height: 30px;
}
// 移动端下
@media screen and (max-width: 768px) {
  .noOrder {
    font-size: 2.933vw;
    height: 15.7333vw;
  }
  .orderList {
    margin: 0 4.667vw;
    padding: 2.667vw;
  }
  .orderContainer {
    width: 160vw;
  }
  .orderHd,
  .orderItem {
    font-size: 2.933vw;
    height: 9.0667vw;
    & > span {
      font-size: 2.933vw;
      background: url('../assets/line.png') no-repeat right;
      &:nth-child(1) {
        width: 35.866vw;
      }
      &:nth-child(2) {
        width: 35.866vw;
      }
      &:nth-child(3) {
        width: 22.933vw;
      }
      &:nth-child(4) {
        a {
          padding: 2px 4vw;
          border: 1px solid $red;
          border-radius: 20px;
        }
        span {
          font-size: 4vw;
          margin: 0 1.3333vw;
        }
      }
    }
  }
  .orderItem {
    margin-bottom: 3.3333vw;
  }
  .warn {
    font-size: 1.8vw;
    margin: 4vw auto;
    width: 100vw;
    line-height: 3vw;
  }
}
